<!DOCTYPE html>
<html>
    <head>
        <title>:: Problema das 8 Rainhas ::</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script language="JavaScript" src="js.js" DEFER="DEFER"></script>
    </head>
    <body>
        <div id="tudo">
            <div id="principal" class="principal8">
                
                <h1>Problema das Oito Rainhas</h1>
                
                <form>
                    <label id="bC">Buca Cega: </label>
                    <input id="txtEntradaBC" class="input8" type="text" value="[(1,4),(2,2),(3,7),(4,3),(5,6),(6,8),(7,5),(8,1)]" />
                    <span onclick="buscaCega()">Ir</span>
                    <span onclick="limpar()">Limpar</span>
                </form>
		<form>
                    <label id="bH">Busca Heuristica: </label>
                    <input id="txtEntradaBH" class="input8" type="text" value="[4,2,7,3,6,8,5,1]" />
                    <span onclick="buscaHeuristica()">Ir</span>
                    <span onclick="limpar()">Limpar</span>
                </form>
                
                <div id="tabuleiro" class="tabuleiro8">
                    <ul>
                        <!-- linha 1 -->
                        <li class="branco"><img id="11" src="" alt="" /></li>
                        <li class="preto"><img  id="12" src="" alt="" /></li>
                        <li class="branco"><img id="13" src="" alt="" /></li>
                        <li class="preto"><img  id="14" src="" alt="" /></li>
                        <li class="branco"><img id="15" src="" alt="" /></li>
                        <li class="preto"><img  id="16" src="" alt="" /></li>
                        <li class="branco"><img id="17" src="" alt="" /></li>
                        <li class="preto"><img  id="18" src="" alt="" /></li>
                        <!-- linha 2 -->
                        <li class="preto"><img  id="21" src="" alt="" /></li>
                        <li class="branco"><img id="22" src="" alt="" /></li>
                        <li class="preto"><img  id="23" src="" alt="" /></li>
                        <li class="branco"><img id="24" src="" alt="" /></li>
                        <li class="preto"><img  id="25" src="" alt="" /></li>
                        <li class="branco"><img id="26" src="" alt="" /></li>
                        <li class="preto"><img  id="27" src="" alt="" /></li>
                        <li class="branco"><img id="28" src="" alt="" /></li>
                        <!-- linha 3 -->
                        <li class="branco"><img id="31" src="" alt="" /></li>
                        <li class="preto"><img  id="32" src="" alt="" /></li>
                        <li class="branco"><img id="33" src="" alt="" /></li>
                        <li class="preto"><img  id="34" src="" alt="" /></li>
                        <li class="branco"><img id="35" src="" alt="" /></li>
                        <li class="preto"><img  id="36" src="" alt="" /></li>
                        <li class="branco"><img id="37" src="" alt="" /></li>
                        <li class="preto"><img  id="38" src="" alt="" /></li>
                        <!-- linha 4 -->
                        <li class="preto"><img  id="41" src="" alt="" /></li>
                        <li class="branco"><img id="42" src="" alt="" /></li>
                        <li class="preto"><img  id="43" src="" alt="" /></li>
                        <li class="branco"><img id="44" src="" alt="" /></li>
                        <li class="preto"><img  id="45" src="" alt="" /></li>
                        <li class="branco"><img id="46" src="" alt="" /></li>
                        <li class="preto"><img  id="47" src="" alt="" /></li>
                        <li class="branco"><img id="48" src="" alt="" /></li>
                        <!-- linha 5 -->
                        <li class="branco"><img id="51" src="" alt="" /></li>
                        <li class="preto"><img  id="52" src="" alt="" /></li>
                        <li class="branco"><img id="53" src="" alt="" /></li>
                        <li class="preto"><img  id="54" src="" alt="" /></li>
                        <li class="branco"><img id="55" src="" alt="" /></li>
                        <li class="preto"><img  id="56" src="" alt="" /></li>
                        <li class="branco"><img id="57" src="" alt="" /></li>
                        <li class="preto"><img  id="58" src="" alt="" /></li>
                        <!-- linha 6 -->
                        <li class="preto"><img  id="61" src="" alt="" /></li>
                        <li class="branco"><img id="62" src="" alt="" /></li>
                        <li class="preto"><img  id="63" src="" alt="" /></li>
                        <li class="branco"><img id="64" src="" alt="" /></li>
                        <li class="preto"><img  id="65" src="" alt="" /></li>
                        <li class="branco"><img id="66" src="" alt="" /></li>
                        <li class="preto"><img  id="67" src="" alt="" /></li>
                        <li class="branco"><img id="68" src="" alt="" /></li>
                        <!-- linha 7 -->
                        <li class="branco"><img id="71" src="" alt="" /></li>
                        <li class="preto"><img  id="72" src="" alt="" /></li>
                        <li class="branco"><img id="73" src="" alt="" /></li>
                        <li class="preto"><img  id="74" src="" alt="" /></li>
                        <li class="branco"><img id="75" src="" alt="" /></li>
                        <li class="preto"><img  id="76" src="" alt="" /></li>
                        <li class="branco"><img id="77" src="" alt="" /></li>
                        <li class="preto"><img  id="78" src="" alt="" /></li>
                        <!-- linha 8 -->
                        <li class="preto"><img  id="81" src="" alt="" /></li>
                        <li class="branco"><img id="82" src="" alt="" /></li>
                        <li class="preto"><img  id="83" src="" alt="" /></li>
                        <li class="branco"><img id="84" src="" alt="" /></li>
                        <li class="preto"><img  id="85" src="" alt="" /></li>
                        <li class="branco"><img id="86" src="" alt="" /></li>
                        <li class="preto"><img  id="87" src="" alt="" /></li>
                        <li class="branco"><img id="88" src="" alt="" /></li>
                    </ul>
                </div>
				<span id="go" onclick="carrega4()">4444</span>
            </div>
        </div>
    </body>
</html>
